リンクをランダムに表示する
今回は、リンクをランダムに表示するテクニックを紹介します。このテクニックにも、JavaScriptの「Math.random()」を利用します。また、「document.write」を利用してJavaScriptから直接HTMLを記述する方法も解説します。

→ リンク先を配列で定義する
 
まずは、リンク先の情報をJavaScriptの配列で定義します。今回の例では、リンク先の表示を「linkname」、リンク先のURLを「linkurl」という名前の配列で定義しました。なお、JavaScriptから直接HTMLを書き出す場合は、JavaScriptをBODYタグ内に記述することに注意してください。もちろん、このJavaScriptを記述する位置は、ランダムリンクを表示させる位置でなければいけません。
<BODY>
  :
  :
<SCRIPT language="JavaScript">
<!--
var linkname= new Array();
linkname[0]='infoseek(トップページ)';
linkname[1]='infoseek(ニュース)';
linkname[2]='infoseek(天気)';
linkname[3]='infoseek(テレビ番組表)';
linkname[4]='infoseek(マルチ辞書)';
var linkurl= new Array();
linkurl[0]='http://www.infoseek.co.jp/';
linkurl[1]='http://news.www.infoseek.co.jp/';
linkurl[2]='http://tenki.www.infoseek.co.jp/';
linkurl[3]='http://tv.www.infoseek.co.jp/';
linkurl[4]='http://jiten.www.infoseek.co.jp/';
//-->
</SCRIPT>
  :
  :
</BODY>


→ JavaScriptでリンクをランダムに表示する
 
続いて、「Math.random()」を利用して表示するリンクをランダムに選別します。これは「x = Math.floor(Math.random() * linkname.length)」で実現できます(詳しくは前回の講座を参照)。あとはリンクの表示づすが、これには「document.write()」を使用します。「document.write()」はカッコ内の内容をHTMLとして書き出す命令で、「'」で囲まれた部分の文字をそのままHTMLとして出力できます。また、「+」を用いて変数や配列の値を出力内容に追加することも可能です。今回はリンクを表示するのでAタグを書き出し、hrefに配列「linkurl[x]」の値を、リンク文字に配列「linkname[x]」の値を追加しています。これで、ランダムに表示されるリンクの完成です。
<BODY>
  :
  :
<SCRIPT language="JavaScript">
<!--
var linkname= new Array();
linkname[0]='infoseek(トップページ)';
linkname[1]='infoseek(ニュース)';
linkname[2]='infoseek(天気)';
linkname[3]='infoseek(テレビ番組表)';
linkname[4]='infoseek(マルチ辞書)';
var linkurl= new Array();
linkurl[0]='http://www.infoseek.co.jp/';
linkurl[1]='http://news.www.infoseek.co.jp/';
linkurl[2]='http://tenki.www.infoseek.co.jp/';
linkurl[3]='http://tv.www.infoseek.co.jp/';
linkurl[4]='http://jiten.www.infoseek.co.jp/';
x = Math.floor(Math.random() * linkname.length);
document.write('<A href=' + linkurl[x] + '>' + linkname[x] + '</A>');
//-->
</SCRIPT>
  :
  :
</BODY>


G|Cg|C@Amazon Yahoo yV

z[y[W yVoC[UNLIMIT1~] COiq COsI